<div v-for="(item,index) in 10" class="align-center text-align-center rank-item" :style="`background-color: ${index<2 ? '#ffd8d8' : (index<5 ? '#FFEBEB' : (index<8 ? '#FFFFFF' : '#f8f8f8'))}`">
  <div v-if="index==0 || index==2 || index==8" class="rank-item-tag" :class="{'rank-item-tag_': index==8}">UEFA Champions League</div>
  <div class="flex-1">{{index+1}}</div>
  <div class="flex-2 text-align-left align-center rank-item-team">
    <img class="rank-team-logo" src="./images/ball_park.png" alt="" srcset="" />
    <span class="flex-1 width-0 text-ellipsis rank-team-name">MCI 1234567897413213</span>
  </div>
  <div class="flex-1">2</div>
  <div class="flex-1">2/0/0</div>
  <div class="flex-1">6/1</div>
  <div class="flex-1">5</div>
  <div class="flex-1">6</div>
</div>
